<template>	<view class="container">		<view class="header">			<view class="back-button" @click="goBack">				<uni-icons type="left" size="20" color="#000"></uni-icons>			</view>			<view class="title">设置</view>		</view>		<!-- Content -->		<view class="content">			<view class="menu-item" @click="editProfile">				<text>编辑资料</text>				<image class="arrow-icon" src="/static/arrow_right.png"></image>			</view>			<view class="menu-item" @click="logout">				<text>退出账号</text>				<image class="arrow-icon" src="/static/arrow_right.png"></image>			</view>		</view>	</view></template><script>	export default {		methods: {			goBack() {				uni.navigateBack();			},			editProfile() {				// 导航到编辑用户信息的页面，传递当前用户信息
				uni.navigateTo({
					url: '/packageMixture/pages/editInfo/editInfo',
				});			},			logout() {
				uni.showModal({
					title: '提示',
					content: '是否退出登录？',
					success: function(res) {
						if (res.confirm) {
							uni.switchTab({
								url: '/pages/home/home',
							});
							const keysToClearLocal = ['token', 'userId','userInfo'];
							keysToClearLocal.forEach(key => uni.removeStorageSync(key));
						} else if (res.cancel) {
				
						}
					}
				});			}		}	}</script><style>	.container {		width: 750rpx;		min-height: 100vh;		background-color: #ffffff;	}	.header {		position: relative; /* 允许子元素使用绝对定位 */		display: flex;		align-items: center;		padding-top: 100rpx;		padding-bottom: 30rpx;		padding-left: 32rpx;		padding-right: 32rpx;		background-color: #f8f8f8;		border-bottom: 1rpx solid #ddd;		height: 88rpx;	}	.back-button {		width: 64rpx;		height: 64rpx;		padding-top: 10rpx;		display: flex;		justify-content: center;		align-items: center;	}	.title {		position: absolute; /* 从文档流中脱离，确保居中 */		left: 50%;		transform: translateX(-50%); /* 水平居中 */		font-size: 32rpx;		font-weight: 400;		text-align: center;	}	.content {	  padding-top: 5rpx;	}		.menu-item {	  width: 700rpx;	  height: 114rpx;	  background-color: #ffffff;	  display: flex;	  justify-content: space-between;	  align-items: center;	  padding: 0 32rpx;	}		.menu-item text {	  font-size: 32rpx;	  color: #000000;	}		.arrow-icon {	  width: 14rpx;	  height: 28rpx;	  position: relative;	  margin-right: 50rpx; /* 向左移动 10rpx，可以调整这个值 */	}</style>